/** 
 * 学习目标：使用React中的状态
 * 1.React同样是数据驱动视图
 * 2. state是独立作用域，默认只能组件内访问
 * 3.state是对象形式，语法： state = {变量名：值}
 * 4.class中才能声明state，函数不具备state
 * */
import React from "react";

export default class App extends React.Component {
    // 步骤
    // 1. 声明数据state
    state = {
        msg: 'Hello React'
    }
    render() {
        console.log(this, 'this');
        // 2. 使用数据，通过this访问，this指向组件实例对象
        return <h1>{this.state.msg}</h1>
    }
}